<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>编辑博文</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<link rel="stylesheet" type="text/css" href="css/addBlog.css" />
	<link rel="stylesheet" type="text/css" href="css/pikaday.css">
	<link rel="stylesheet" type="text/css" href="css/jquery.timepicker.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap-datepicker.css">
	<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
	<script type="text/javascript" src="js/lib/bootstrap-datepicker.js"></script>
	<script type="text/javascript" src="js/jquery.datepair.js"></script>
	<script type="text/javascript" src="js/jquery.timepicker.js"></script>
	<script type="text/javascript" src="js/backstagejson/editBlog.js"></script>
	<link rel="stylesheet" href="trumbowyg/design/css/trumbowyg.css">

	<body style="background:#fff9f3;overflow-y:auto;">
		<div class="nav_top">
			<div class="nav_tcon">
				<div class="logoimg"><img src="images/head.jpg" /></div>
				<div class="logotitle">
					<span>博文管理</span>
					<p>BLOG</p>
				</div>
				<div class="logoname">编辑</div>
			</div>
		</div>
		<div>
			<!--dealBlog_updateBlogArticle.action  -->
			<form action="dealBlog_updateBlogArticle.action" method="post" id="blogfrom">
				<table class="nav_table">
					<tr>
						<td>题目</td>
						<td><input type="text" name="title" id="title"></input>
						</td>
					</tr>
					<tr>
						<td>日期</td>
						<td>
							<p id="basicExample"><input type="text" id="pubdate" name="pubdate" class="date start" readonly="readonly" /></p>
						</td>
					</tr>
					<tr>
						<td>作者</td>
						<td><input type="text" id="author" name="author"></input>
						</td>
					</tr>
					<tr>
						<td>种类</td>
						<td><input type="text" id="kind" name="kind"></input>
						</td>
					</tr>
					<tr>

						<td colspan="2"><textarea name="mainText" id="form-content" class="editor" cols="40" rows="10">
                 						</textarea>
						</td>
						<!-- 
                		<td colspan="2"><textarea  cols="40" rows="10" id="form-text"> </textarea> </td>-->
					</tr>
					<tr>
						<td colspan="2"><input type="button" id="save_btn" value="保存"></input>
						</td>
						<td><input type="hidden" name="id" id="blogid" /></td>
					</tr>
				</table>
			</form>

		</div>

		<script>
			// initialize input widgets first

			$('#basicExample .date').datepicker({
				'format': 'yyyy.mm.dd',
				'autoclose': true
			});

			// initialize datepair
			$('#basicExample').datepair();
		</script>
		<script src="js/jquery.min.js"></script>
		<script src="trumbowyg/trumbowyg.js"></script>
		<script src="trumbowyg/langs/fr.js"></script>
		<script src="trumbowyg/plugins/upload/trumbowyg.upload.js"></script>
		<script src="trumbowyg/plugins/base64/trumbowyg.base64.js"></script>
		<script>
			/** Default editor configuration **/
			$('#simple-editor').trumbowyg();

			/********************************************************
			 * Customized button pane + buttons groups + dropdowns
			 * Use upload plugin
			 *******************************************************/

			/*
			 * Add your own groups of button
			 */
			$.trumbowyg.btnsGrps.test = ['bold', 'link'];

			/* Add new words for customs btnsDef just below */
			$.extend(true, $.trumbowyg.langs, {
				fr: {
					align: 'Alignement',
					image: 'Image'
				}
			});
			$('#customized-buttonpane').trumbowyg({
				lang: 'fr',
				closable: true,
				fixedBtnPane: true,
				btnsDef: {
					// Customizables dropdowns
					align: {
						dropdown: ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
						ico: 'justifyLeft'
					},
					image: {
						dropdown: ['insertImage', 'upload', 'base64'],
						ico: 'insertImage'
					}
				},
				btns: ['viewHTML',
					'|', 'formatting',
					'|', 'btnGrp-test',
					'|', 'align',
					'|', 'btnGrp-lists',
					'|', 'image'
				]
			});

			/** Simple customization with current options **/
			$('#form-content').trumbowyg({
				lang: 'fr',
				closable: true,
				mobile: true,
				fixedBtnPane: true,
				fixedFullWidth: true,
				semantic: true,
				resetCss: true,
				autoAjustHeight: true,
				autogrow: true
			});

			$('.editor').on('dblclick', function(e) {
				$(this).trumbowyg({
					lang: 'fr',
					closable: true,
					fixedBtnPane: true
				});
			});
		</script>
		<script type="text/javascript">
			var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
			document.write(unescape("%3Cspan id='cnzz_stat_icon_1262286315'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1262286315%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
		</script>
	</body>

</html>